@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

.con {
    width: 1000px;
    margin: 0 auto;
}

.header {
    height: 58px;
    border-bottom: 2px solid #e02025;
    >.con {
        >.logo {
            height: 58px;
            display: flex;
            align-items: center;
        }
    }
}

.register-main {
    margin-top: 40px;
    >.con {
        >form {
            width: 500x;
            .input {
                width: 260px;
                height: 34px;
                border: 1px solid #aaaaaa;
                outline: none;
            }
            .input:focus {
                outline: none;
            }
            >.phone {
                margin-left: 32px;
                >div {
                    span:last-of-type {
                        font-size: 12px;
                        color: #999999;
                    }
                }
                >input {
                    margin-left: 52px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                }
            }
            >.message {
                margin-bottom: 16px;
            }
            >.password {
                margin-left: 16px;
                margin-bottom: 16px;
                >.strength {
                    margin-left: 70px;
                    margin-top: 10px;
                    margin-bottom: 10px;
                    display: flex;
                    width: 260px;
                    justify-content: space-between;
                    text-align: center;
                    >div {
                        width: 33%;
                        color: #ffffff;
                        background-color: #eeeeee;
                    }
                }
            }
            >.agree {
                margin-left: 84px;
                >input {
                    width: 180px;
                    height: 34px;
                    background-color: #e63237;
                    border: none;
                    color: #ffffff;
                    outline: none;
                }
            }
        }
    }
}

.deal {
    color: #cc454a;
    font-size: 12px;
    margin-left: 160px;
    margin-top: 15px;
    margin-bottom: 40px;
}

.tail {
    padding-top: 20px;
    border-top: 1px solid #eeeeee;
    >.con {
        >p {
            text-align: center;
            color: #cccccc;
            font-size: 12px;
        }
    }
}